<jsp:useBean id="korisnik"
	type="rs.ac.uns.ftn.informatika.mbs2.e11031.etaksi.entitet.Korisnik"
	scope="session" />
<jsp:useBean id="voznje"
	type="java.util.Collection<rs.ac.uns.ftn.informatika.mbs2.e11031.etaksi.entitet.Voznja>"
	scope="session" />

<html>
<head>
<title><fmt:message key="prikazZavrsenihVoznji" /></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link href="css/tema.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"
	src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCboL0NZynp65Ju2VnLu0fx49ea4pVLbqU&sensor=false">
	
</script>
<script type="text/javascript">
	var mapa = null;

	function inicijalizujMapu() {
		var opcije = {
			center : new google.maps.LatLng(45.2464, 19.8518),
			zoom : 8,
			mapTypeId : google.maps.MapTypeId.ROADMAP
		};

		mapa = new google.maps.Map(document.getElementById("platno"), opcije);

		google.maps.event.addListener(mapa, 'click', function(dogadjaj) {
			postaviMarker(mapa, dogadjaj.latLng);
		});
	}

	function prikaziPutanju(ishodisnaSirina, ishodisnaDuzina, odredisteSirina, odredisteDuzina) {

		var putokazServis = new google.maps.DirectionsService();
		var prikazivacPutokaza = new google.maps.DirectionsRenderer({
			map : mapa
		});

		var zahtev = {
			origin : new google.maps.LatLng(ishodisnaSirina,
					ishodisnaDuzina),
			destination : new google.maps.LatLng(odredisteSirina,
					odredisteDuzina),
			travelMode : google.maps.TravelMode.DRIVING,
			unitSystem : google.maps.UnitSystem.METRIC
		};

		putokazServis.route(zahtev, function(rezultat, status) {
			if (status == google.maps.DirectionsStatus.OK)
				prikazivacPutokaza.setDirections(rezultat);
		});
	}
</script>
</head>
<body onload="inicijalizujMapu()">
	<table class="zaglavlje">
		<thead>
			<tr>
				<c:choose>
					<c:when
						test="${korisnik instanceof rs.ac.uns.ftn.informatika.mbs2.e11031.etaksi.entitet.Vozac}">
						<th><a
							href="/${initParam.nazivAplikacije}/PrikazNezapocetihVoznjiKontroler"><fmt:message
									key="prikazNezapocetihVoznji" /></a></th>
					</c:when>
					<c:otherwise>
						<th><a
							href="/${initParam.nazivAplikacije}/jsp/zahtevanjeVoznje.jsp"><fmt:message
									key="zahtevanjeVoznje" /></a></th>
					</c:otherwise>
				</c:choose>
				<th><a
					href="/${initParam.nazivAplikacije}/PrikazNezapocetihVoznjiKontroler"><fmt:message
							key="promenaPodataka" /></a></th>
				<th><a
					href="/${initParam.nazivAplikacije}/jsp/promenaLicnihPodataka.jsp"><fmt:message
							key="promenaPodataka" /></a></th>
				<th><a
					href="/${initParam.nazivAplikacije}/jsp/promenaLozinke.jsp"><fmt:message
							key="promenaLozinke" /></a></th>
				<th><a href="/${initParam.nazivAplikacije}/OdjavaKontroler"><span
						style="font-style: italic;"> <fmt:message key="odjava" />
					</span> </a></th>
			</tr>
		</thead>
	</table>
	<table class="glavna">
		<thead>
			<tr>
				<th>&nbsp;</th>
				<th><fmt:message key="ishodisnaAdresa" /></th>
				<th><fmt:message key="odredisnaAdresa" /></th>
				<th><fmt:message key="brojOsoba" /></th>
				<th><fmt:message key="zapreminaPrtljaga" /></th>
				<th><fmt:message key="masaPrtljaga" /></th>
				<th><fmt:message key="vozac" /></th>
				<th><fmt:message key="vozilo" /></th>
				<th><fmt:message key="cena" /></th>
			</tr>
		</thead>
		<tbody>
			<c:forEach var="voznja" items="${voznje}" varStatus="status">
				<tr>
					<td>${status.count}</td>
					<td>${voznja.ishodiste.adresa}</td>
					<td>${voznja.odrediste.adresa}</td>
					<td>${voznja.brojOsoba}</td>
					<td>${voznja.zapreminaPrtljaga}</td>
					<td>${voznja.masaPrtljaga}</td>
					<td>${voznja.vozac.ime} ${voznja.vozac.prezime}</td>
					<td>${voznja.vozilo.marka} ${voznja.vozilo.tip}</td>
					<td>${voznja.cena}</td>
					<td><button
							onclick="prikaziPutanju(${voznja.ishodiste.y}, ${voznja.ishodiste.x}, ${voznja.odrediste.y}, ${voznja.odrediste.x})">
							<fmt:message key="prikazi" />
						</button></td>
				</tr>
			</c:forEach>
		</tbody>
	</table>
	<div id="platno"></div>
</body>
</html>
